<%--
  Created by IntelliJ IDEA.
  User: JuGeLiZi
  Date: 2019-08-24
  Time: 8:52e
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>DW手表官网- 暨中国官方网上旗舰店</title>
    <link rel="stylesheet" href="css/ShouYe.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/ShouYe.js"></script>
    <script type="text/javascript" src="js/layui.js"></script>
    <link rel="icon" type="image/x-icon" href="img/ShouYeimg/favicon-57.png"/>
</head>
<body class="body">
<div id="header-1">

    <div id="header-top">
        <div id="header-logo"></div>
        <img src="img/ShouYeimg/logo.svg" alt="DW"
             style="display: block;width: 300px;height: 20px;margin: 0 auto; padding-top: 30px">
        <a href=""><img src="img/ShouYeimg/Personal.png" alt="用户"
                        style="margin-left: 1740px; margin-top: -30px;width: 40px;height: 46px"></a>
        <a href=""><img src="img/ShouYeimg/gouwudai3.png" alt=""
                        style="margin-left: 1800px; margin-top: -39px;width: 38px;height: 28px"></a>
    </div>
    <div class="navbar navbar-black" id="navbar">
        <div class="container cl">
            <nav class="nav navbar-nav nav-collapse" role="navigation" id="Hui-navbar">
                <ul class="cl">
                    <li class="current"><a href="">夏日新品</a></li>
                    <li><a href="#">礼品套装</a></li>
                    <li><a href="#" class="WanDai">腕表</a></li>
                    <li><a href="#" class="PeiShi">配饰</a></li>
                    <li><a href="#">表带</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">品牌故事</a></li>
                    <li><a href="#">线下门店</a></li>
                </ul>
            </nav>
        </div>
    </div>
    <div class="widget-10" style="display: none">
        <ul class="ul-ui" style="list-style: none">
            <li><a href="" class="widget-Watch">所有手表</a></li>
            <img class="img-a" src="img/ShouYeimg/dayu%20(1).png" width="18" height="18" style="display: block">
            <img class="img-d" src="img/ShouYeimg/dayu%20(1).png" width="18" height="18" alt="" style="display: none">
            <li><a href="" class="widget-Man">男士手表</a></li>
            <img class="img-da" src="img/ShouYeimg/dayu%20(1).png" width="18" height="18" alt="" style="display: none">
            <li><a href="" class="widget-Miss">女士手表</a></li>
            <img class="img-day" src="img/ShouYeimg/dayu%20(1).png" width="18" height="18" alt="" style="display: none">
        </ul>
        <ul class="ul-ui" style="list-style: none">
            <li><a href="" class="one">Classic系列</a></li>
            <li><a href=""class="two">Classic Block系列</a></li>
            <li><a href=""class="three">Classic Petite系列</a></li>
        </ul>
    </div>
    <div class="widget-11" style="display: none">
        <ul class="ul-il">
            <li><a href="">戒指</a></li>
            <li><a href="">腕饰</a></li>
        </ul>
    </div>
    <div class="widget">
        <div class="widget-marv-hero__preamble">
            指定腕表限量7折
        </div>
        <h1 class="widget-marv-hero__headline">
            时光会员 夏日回馈
        </h1>
        <div class="widget-marv-hero__text">
            活动时间：8月15日-8月25日
        </div>
        <div class="widget-marv-hero__btn">
            <a href="">立即探索</a>
        </div>
    </div>
    <div class="widget--usp">
        <div class="widget--orp">
            <div class="widget-eor">
                <span class="widget-esa"><img src="img/ShouYeimg/huabei.png" width="30" height="30"></span>
                <span class="icon-gwp">花呗分期</span>
                <span><img src="img/ShouYeimg/lihe.png" alt="礼盒" width="30" height="30"></span>
                <span class="icon-gw">定制贺卡</span>


                <img src="img/ShouYeimg/feiji.png" width="30" height="30" alt="顺丰包邮">
                <span class="icon-wor">顺丰包邮</span>
            </div>
        </div>
    </div>
    <div class="widget--popular" style="clear: both">
        <div class="text-wrap">
            <div class="grid grid-large">
                <div class="inner">
                    <h2 class="popular-headline">为你精选</h2>
                    <div class="popular-bwe">
                            <span class="slick-arrow" style="display: flex;background-color: white">
                                <span class="icon-arrow-left"><img src="img/ShouYeimg/xiaoyu.png" alt="向左">
                                </span>
                            </span>

                        <div class="slick-list">
                            <a href="#"><span><img src="img/ShouYeimg/dw00100305_classic_petite_melrose_w36rg.png"
                                                   width="353"
                                                   height="353" alt=""></span></a>
                            <a href=""> <span><img src="img/ShouYeimg/dw00100306_classic_petite_sterling_w36s.png"
                                                   width="353"
                                                   height="353" alt=""></span></a>
                            <a href=""> <span><img src="img/ShouYeimg/dw00100307_classic_petite_ashfield_b36rg.png"
                                                   width="353"
                                                   height="353" alt=""></span></a>
                            <a href=""><span><img src="img/ShouYeimg/dw00100219_dw00400003.png" width="353" height="353"
                                                  alt=""></span></a>
                        </div>
                        <div class="product__info" lang="en">
                            <h5 class="product__info-name">
                                    <span>
                                        <span class="collection">
                                            Classic Petite
                                        </span>
                                            Melrose
                                    </span>
                            </h5>
                            <span class="product__info-size">
                                    <span class="swatch">
                                        28MM
                                    </span>
                                </span>
                            <span class="product__info-price">
                                    <div class="price-box">
                                        <span class="product-price-831">
                                            <span class="price">￥ 1,290</span>
                                        </span>
                                    </div>
                            </span>
                        </div>
                        <div class="product__iofn" lang="en">
                            <h5 class="product__info-na">
                                    <span>
                                        <span class="collection">
                                            Classic Black
                                        </span>
                                            Sheffield
                                    </span>
                            </h5>
                            <span class="product__info-si">
                                    <span class="swatch">
                                        40MM
                                    </span>
                                </span>
                            <span class="product__info-pri">
                                    <div class="price-box">
                                        <span class="product-price-831">
                                            <span class="price">￥ 1,490</span>
                                        </span>
                                    </div>
                            </span>
                        </div>
                        <div class="product__in" lang="en">
                            <h5 class="product__info-n">
                                <span>
                                    <span class="collection">
                                        Classic Petite
                                        </span>
                                             Dover
                                    </span>
                            </h5>
                            <span class="product__info-s">
                                <span class="swatch">
                                        28MM
                                </span>
                                </span>
                            <span class="product__info-pr">
                                    <div class="price-box">
                                        <span class="product-price-831">
                                            <span class="price">￥ 1,090</span>
                                        </span>
                                    </div>
                            </span>
                        </div>
                        <div class="product__i" lang="en">
                            <h5 class="product__info-nw">
                                    <span>
                                        <span class="collection">
                                            Classic Petite
                                        </span>
                                             Melrose+Slim Bracelet S
                                    </span>
                            </h5>
                            <span class="product__info-swq">
                                    <span class="swatch">
                                        28MM
                                    </span>
                                </span>
                            <span class="product__info-prwa">
                                <div class="price-box">
                                    <span class="product-price-831">
                                        <span class="price">￥ 1,880</span>
                                    </span>
                                </div>
                            </span>
                        </div>
                    </div>
                    <span class="slick" style="display: flex;">
                         <span class="icon-arrow-left"><img src="img/ShouYeimg/dayu%20(1).png" alt="向左">
                    </span>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <section style="display: flex;">
        <picture class="picture-marv">
            <img src="img/ShouYeimg/618preheating-6-pc.jpg" alt="" width="1903" height="545">
            <div class="hlp-text-center">
                <div class="hero-inner">
                    <div class="widget-marv-hero__preamble">
                        SLIM BRACELET
                    </div>
                    <h1 class="headline">
                        夏日溢彩 耀饰焕新
                    </h1>
                    <div class="text-none">
                        流光腕式，叠戴灵感
                    </div>
                    <a class="btn--border" href="#" style="display: inline-flex;">
                        <span class="span-ver">前往选购</span>
                    </a>
                </div>
            </div>
        </picture>
    </section>
    <span class="footer-span">
            <a href="" class="footer-image">
                <img src="img/ShouYeimg/jiantou.png" alt="" style="transform: rotate(-90deg)">
            </a>
        </span>
    <footer class="section">

        <div class="seciton-padding">
            <div class="footer__links">
                <section class="footer_col">
                    <h2 class="footer_h2">
                        手表
                    </h2>
                    <div class="made-menu-container">
                        <ul class="made_menu">
                            <li>
                                <a href="">所有手表</a>
                            </li>
                            <li>
                                <a href="">男士手表</a>
                            </li>
                            <li class="bottom-middle-space">
                                <a href="">女士手表</a>
                            </li>
                            <li>
                                <a href="">Classic系列 </a>
                            </li>
                            <li>
                                <a href=""> Classic Black系列</a>
                            </li>
                            <li>
                                <a href="">Classic Petite系列</a>
                            </li>
                            <li>
                                <a href="">Dapper系列</a>
                            </li>
                            <li>
                                <a href="">礼品套装</a>
                            </li>
                        </ul>
                    </div>
                </section>
                <section class="footer__col">
                    <h2 class="footer_h2">
                        表带
                    </h2>
                    <div class="made-menu-container">
                        <ul class="made-menu">
                            <li>
                                <a href="">选购表带</a>
                            </li>
                            <li>
                                <a href="">更换/调节表带过程</a>
                            </li>
                        </ul>
                    </div>
                </section>
                <section class="footer__col">
                    <h2 class="footer_h2">
                        配饰
                    </h2>
                    <div class="made-menu-container">
                        <ul class="made-menu">
                            <li>
                                <a href="">手镯</a>
                            </li>
                            <li>
                                <a href="">戒指</a>
                            </li>
                        </ul>
                    </div>
                </section>
                <section class="footer__col">
                    <h2 class="footer_h2">
                        关于DW
                    </h2>
                    <div class="made-menu-container">
                        <ul class="made-menu">
                            <li>
                                <a href="">品牌故事</a>
                            </li>
                            <li>
                                <a href="">门店及专柜</a>
                            </li>
                            <li>
                                <a href="">加入我们</a>
                            </li>
                        </ul>
                    </div>
                </section>
                <section class="footer__col">
                    <h2 class="footer_h2">
                        表带
                    </h2>
                    <div class="made-menu-container">
                        <ul class="made-menu">
                            <li>
                                <a href="">定制服务</a>
                            </li>
                            <li>
                                <a href="">搭配个性套装</a>
                            </li>
                        </ul>
                    </div>
                </section>
                <section class="footer__col">
                    <h2 class="footer_h2">
                        购物帮助
                    </h2>
                    <div class="made-menu-container">
                        <ul class="made-menu">
                            <li>
                                <a href="">支付方式</a>
                            </li>
                            <li>
                                <a href="">配送服务</a>
                            </li>
                            <li>
                                <a href="">开具发票</a>
                            </li>
                            <li>
                                <a href="">保修政策</a>
                            </li>
                        </ul>
                    </div>
                </section>
                <section class="footer__col">
                    <h2 class="footer_h2">
                        顾客服务
                    </h2>
                    <div class="made-menu-container">
                        <ul class="made-menu">
                            <li>
                                <a href="">常见问题</a>
                            </li>
                            <li>
                                <a href="">订单查询</a>
                            </li>
                            <li>
                                <a href="">退货规定</a>
                            </li>
                            <li>
                                <a href="">联系我们</a>
                            </li>
                        </ul>
                    </div>
                </section>


            </div>
            <div class="footer__social">
                <section class="footer_icons">
                    <h2 class="footer-icons-header">
                        关注DW
                    </h2>
                    <div class="made-menu-container">
                        <a href="">
                            <span class="icon-social-weibo">
                                <img src="img/ShouYeimg/bo.png" width="24" height="24" alt="微博">
                                微博
                            </span>
                        </a>
                        <a href="">
                            <span class="icon-social-weibo">
                                <img src="img/ShouYeimg/weixin1.png" width="24" height="24" alt="微信">
                                微信
                            </span>
                        </a>
                    </div>
                </section>
                <section class="social-DW-ewm">
                    <h2 class="footer-icons-head">
                        会员俱乐部
                    </h2>
                    <div class="made-menu-container">
                        <a href="">
                            <img src="img/ShouYeimg/dw-gold-logo.png" alt="DW" width="48" height="19.2">
                        </a>
                    </div>
                </section>
                <section class="social-newsletter">
                    <form action="" class="newsletter-validate-detail">
                        <h2 class="footer__title">
                            订阅最新资讯
                        </h2>
                        <p class="p_wwe">第一时间获取最新资讯、活动邀请及优惠信息。</p>
                        <div class="newtitle">
                            <input type="email" name="email" placeholder="邮箱地址" title="订阅我们">
                            <button title="订阅我们" type="submit" class="email">
                                <img src="img/ShouYeimg/dayu%20(1).png" width="15" height="15" alt="">
                            </button>
                        </div>
                    </form>
                </section>
            </div>
        </div>
        <div id="dw-bootem-s">
            <div class="dw-bootem-sh">
                <ul class="dw-bootem-ul">
                    <li><a href="#">使用条款</a></li>
                    <li>|</li>
                    <li><a href="#">隐私保护政策</a></li>
                    <li>|</li>
                    <li><a href="#">防伪声明</a></li>
                    <li>|</li>
                    <li><a href="#">网站地图</a></li>
                </ul>
            </div>
            <div class="dw-bootem-sh">
                <ul class="dw-bootem-ul" id="dw-bootem-ul1">
                    <li><img src="img/ShouYeimg/check.png"></li>
                    <li><a href="#"> 粤公网安备 44030502000796 号</a></li>
                    <li>|</li>
                    <li><a href="#"> 粤ICP备15098750号-1M </a></li>
                    <li>|</li>
                    <li><a href="#">营业执照</a></li>
                </ul>
            </div>
            <div class="dw-bootem-sh" id="dw-kuan">
                <p>ALL RIGHTS RESERVED. COPYRIGHT 丹尼尔惠灵顿贸易（深圳）有限公司</p>
            </div>
        </div>
    </footer>
</div>
</body>
</html>
